<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>循环语句</title>
</head>

<body>
    <script>
        // while循环：当条件为 true 时重复执行代码块
        let i = 0;
        while (i <= 5) {
            i++;
            console.log('这是第 ' + i + ' 次循环（while）');
        }
        console.log('----------------------------------');

        // for循环：在指定次数下重复执行代码块
        for (let j = 0; j < 5; j++) {
            console.log('这是第 ' + (j + 1) + ' 次循环（for）');
        }
        console.log('----------------------------------');
        // for...in循环： 可以用来遍历对象，获取属性名，进而获取属性值
        const cat = {
            name: 'Tom',
            food: '猫粮',
            color: '黑色',
            friend: ['小猫', '小兔子']
        }
        for (let key in cat) {
            console.log(key + ':' + cat[key]);
        }




        // for...of循环：遍历可迭代对象（如数组、字符串等）
        const fruits = ['apple', 'banana', 'cherry'];
        for (let fruit of fruits) {
            console.log(fruit);
        }
        // forEach循环：对数组中的每个元素执行一次回调函数
        fruits.forEach(function (fruit, index) {
            console.log('第 ' + (index + 1) + ' 个水果是：' + fruit);
        });

    </script>
</body>

</html>